$(function(){
    $("img").mouseover(function(){
        var src = $(this).attr('src').replace('_off','_on');
        $(this).attr('src', src);
        $(this).css('cursor','pointer');
    }).mouseout(function(){
        if ($(this).hasClass('selected')) {
            return false;
        } else {
            var src = $(this).attr('src').replace('_on','_off');
            $(this).attr('src', src);
            $(this).css('cursor','auto');
        }
    });

    $(".list li img").click(function(){
        //他の選択肢の色を戻す
        var li = $(this).parent().parent();
        var parentClass = li.attr('class');
        $("." + parentClass + " img").each(function(i){
            var src = $(this).attr('src').replace('_on','_off');
            $(this).removeClass('selected');
            $(this).attr('src', src);
        });

        //選択肢のグループに対応するhidden要素を探して値を入れる
        var name = li.attr('class').toLowerCase();
        var input = $("input[name="+name+"]");

        var val = $(this).next().val();
        input.val(val);

        $(this).addClass('selected');
        var src = $(this).attr('src').replace('_off','_on');
        $(this).attr('src', src);
    });

    $(".list li a").click(function(e){
        e.preventDefault();
    });

    $("#btn_submit").click(function(e){
        var v = validation();
        if (v) {
            $("#qForm").submit();
        } else {
            var message = $('<div class="error_message">全ての項目を選択してください</div>');
            message.css("color","red");

            var parentDiv = $(".check_button");
            message.appendTo(parentDiv);

            e.preventDefault();
        }
        return false;
    });
});

function validation() {
    var r = true;
    $(".postdata").each(function(){
        if ($(this).val()=="") {
            r = false;
        }
    });
    return r;
}


